<script lang="ts" setup>
import handshakeImg from '@/assets/imgs/handshake.png'
</script>

<template>
  <div class="box">
    <!-- 页面内容开始 -->
    <img :src="handshakeImg" mode="" class="img1" />

    <view class="title1">WELCOME</view>
    <view class="title2">欢迎使用驾校数字化服务平台</view>
    <!-- 页面内容结束 -->
  </div>
</template>

<style lang="scss" scoped>
.box {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 100px;
}

.img1 {
  width: 324px;
  height: 244px;
}

.title1 {
  margin-top: 82px;
  margin-bottom: 89px;
  // display: inline-block;
  padding: 0px 39px;

  font-family: DOUYU;
  font-size: 55px;
  color: #ffffff;
  border-radius: 10px;
  background: #409eff;

  // line-height: 99px;
  text-align: center;
}

.title2 {
  font-family: DOUYU;
  font-size: 55px;
  color: #3d3d3d;
  text-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}
</style>
